class Observer {
    constructor(data) {
        this.walk(data)
    }
    walk(data) {
        if(!data || typeof data !== 'object') return
        Object.keys(data).forEach(key => {
            this.defineReactive(data, key, data[key])
        })
    }

    defineReactive(data, key, value) {  
        let that = this
        this.walk(value)
        let dep = new Dep() //这里创建发布者，每个data属性都有一个发布者
        Object.defineProperty(data, key, {
            configurable: true,
            enumerable: true,
            get() {
                Dep.target && dep.addSub(Dep.target) //收集依赖, 添加观察者
                return value
            },
            set(newValue) {
                console.log(newValue)
                if(newValue === value) return
                value = newValue
                that.walk(newValue)
                //这里进行了data的属性改变的操作，我们要让该data的Dep发布者遍历通知其所有的观察者
                dep.notify()
            }
        })
    }

}